<!--
 * @Description: 生育管理
-->
<template>
  <BaseMainSlot>
    <template v-slot:zhactbar>
      <ActionBar
        :add-active="addActive"
        :del-active="delActive"
        :edit-active="editActive"
        :cancel-active="cancelActive"
        :save-active="saveActive"
        :has-save="false"
        @add="add"
        @cancel="cancel"
        @edit="edit"
        @del="del"
        @save="save"
      />
    </template>
    <template v-slot:searchbox>
      <div class="label-input mr-20">
        <div class="label">个体名称:</div>
        <div class="input">
          <el-select
            v-model="condition.name"
            clearable
            filterable
            placeholder="请选择"
          >
            <el-option
              v-for="(item, index) in bionIdList"
              :key="index + 'bionId'"
              :label="item.name"
              :value="item.name"
            />
          </el-select>
        </div>
      </div>
      <div class="label-input mr-20">
        <div class="label">耳标:</div>
        <div class="input">
          <el-input v-model="condition.eagTag" clearable placeholder="请输入耳标" />
        </div>
      </div>
      <div class="label-input mr-20">
        <div class="label">生育时间段:</div>
        <div class="input">
          <el-date-picker
            v-model="condition.startDate"
            align="right"
            type="datetime"
            placeholder="请选择开始时间"
            value-format="timestamp"
          />
        </div>
      </div>
      <div class="label-input mr-20">
        <div class="input">
          <el-date-picker
            v-model="condition.endDate"
            align="right"
            type="datetime"
            placeholder="请选择结束时间"
            value-format="timestamp"
          />
        </div>
      </div>
      <div class="search ml-20" @click="pagingQuery">
        <img src="~@/assets/action-bar-icon/search.png" />
      </div>
    </template>
    <template v-slot:content>
      <el-table
        ref="tableDataRef"
        :data="tableData"
        style="width: 100%"
        max-height="88%"
        border
        stripe
        highlight-current-row
        @current-change="handleCurrentChange"
        @selection-change="handleSelect"
      >
        <el-table-column type="selection" width="55" />
        <el-table-column type="index" label="序号" width="80" />
        <el-table-column prop="number" label="生育编号" />
        <el-table-column prop="femaleName" label="父本信息">
          <template slot-scope="scope">
            <div>
              <span
                v-for="(item, index) in scope.row.maleNameList"
                :key="index"
                class="title"
              >
                <span class="title color" @click="checkRamInformation(item.bionId)">
                  {{ item ? item.name : "" }}
                </span>
              </span>
            </div>
          </template>
        </el-table-column>
        <el-table-column prop="date" label="母本信息">
          <template slot-scope="scope">
            <div>
              <span class="title color" @click="checkeveInformation(scope.row)">{{
                format(scope.row, 2)
              }}</span>
            </div>
          </template>
        </el-table-column>
        <el-table-column label="生育日期">
          <template slot-scope="scope">{{
            formatDateTime(scope.row.birthTime)
          }}</template>
        </el-table-column>
        <el-table-column prop="totalNum" label="生育数量" />
        <el-table-column prop="birthMaleNum" label="公羊数量" />
        <el-table-column prop="birthFemaleNum" label="母羊数量" />
        <el-table-column prop="date" label="交配日期">
          <template slot-scope="scope">{{
            formatDateTime(scope.row.birthTime)
          }}</template>
        </el-table-column>
      </el-table>
      <Pagination
        :page-size="pageSize"
        :current-page="currentPage"
        :total-size="totalNumber"
        @changePageSize="changePageSize"
        @changeCurrentPage="changeCurrentPage"
      />
      <el-dialog title="父本信息" :visible.sync="ramDialog">
        <el-form
          :model="ramInformation"
          label-position="left"
          label-width="100px"
        >
          <el-row>
            <el-col :span="12">
              <el-form-item label="公羊来源:">
                <el-input v-model="ramInformation.source" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="关联批次:">
                <el-input v-model="ramInformation.batches" disabled />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="公羊名称:">
                <el-input v-model="ramInformation.name" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="公羊编号:">
                <el-input v-model="ramInformation.number" disabled />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="皮毛等级:">
                <el-input v-model="ramInformation.clothingHair" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="养殖设施:">
                <el-input v-model="ramInformation.totalFacilityName" disabled />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="年龄:">
                <el-input v-model="ramInformation.birthday" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="体重（斤）:">
                <el-input v-model="ramInformation.weight" type="number" placeholder="请输入体重" disabled />
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </el-dialog>
      <el-dialog title="母羊信息" :visible.sync="eveDialog">
        <el-form
          :model="eveInformation"
          label-position="left"
          label-width="100px"
        >
          <el-row>
            <el-col :span="12">
              <el-form-item label="母羊来源:">
                <el-input v-model="eveInformation.source" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="母羊名称:">
                <el-input v-model="eveInformation.name" disabled />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="皮毛等级:">
                <el-input v-model="eveInformation.clothingHair" disabled />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="年龄:">
                <el-input v-model="eveInformation.birthday" disabled />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="体重（斤）:">
                <el-input v-model="eveInformation.weight" type="number" placeholder="请输入体重" disabled />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row />
        </el-form>
      </el-dialog>
      <!-- 添加 -->
      <el-dialog title="生育信息管理" :visible.sync="addDialog">
        <el-form
          ref="addFertility"
          :model="formData"
          label-position="left"
          label-width="100px"
          :rules="rules"
        >
          <el-row>
            <el-col :span="12">
              <el-form-item
                label="选择个体:"
                prop="female"
                :rules="[
                  {
                    required: true,
                    message: '请选择个体',
                    trigger: ['blur', 'change'],
                  },
                ]"
              >
                <el-select v-model="formData.female" clearable @change="fff">
                  <el-option
                    v-for="item in eweName"
                    :key="item.value"
                    :label="item.name"
                    :value="item.id"
                  />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item
                label="选择生育时间"
                prop="time"
                :rules="[
                  {
                    required: true,
                    message: '请选择生育时间',
                    trigger: ['blur', 'change'],
                  },
                ]"
              >
                <el-select
                  v-model="formData.time"
                  clearable
                  @change="changeInfo"
                >
                  <el-option
                    v-for="(item, index) in showList"
                    :key="index + 'tim'"
                    :label="item.time"
                    :value="item.raiseRecordId"
                  />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <div style="padding: 3px; margin-bottom: 10px;width:100%;">
            <h3>父本信息</h3>
            <span v-for="(item, index) in romInfo" :key="index + 'rom'">
              <el-row>
                <el-col :span="12">
                  <el-form-item label="父本名称:">
                    <el-input v-model="item.name" disabled />
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="体重（斤）:">
                    <el-input v-model="item.weight" type="number" placeholder="请输入体重（斤）" disabled />
                  </el-form-item>
                </el-col>
                <!-- <el-col :span="12">
                  <el-form-item label="被毛类型:">
                    <el-input v-model="item.clothingHair" disabled />
                  </el-form-item>
                </el-col> -->
              </el-row>
              <el-row>
                <el-col :span="12">
                  <el-form-item label="养殖设施:">
                    <el-input v-model="item.facilityName" disabled />
                  </el-form-item>
                </el-col>
                <el-col :span="12">
                  <el-form-item label="年龄:">
                    <el-input v-model="item.birthday" disabled />
                  </el-form-item>
                </el-col>
              </el-row>
              <!-- <el-row>
                <el-col :span="12">
                  <el-form-item label="体重（斤）:">
                    <el-input v-model="item.weight" type="number" placeholder="请输入体重（斤）" disabled />
                  </el-form-item>
                </el-col>
              </el-row> -->
            </span>
            <h3>母本信息</h3>
            <el-row>
              <el-col :span="12">
                <el-form-item label="母本品种:">
                  <el-input v-model="eweInfo.plantVarietyName" disabled />
                </el-form-item>
              </el-col>
              <el-col :span="12">
                <el-form-item label="体重（斤）:">
                  <el-input v-model="eweInfo.weight" type="number" placeholder="请输入体重" disabled />
                </el-form-item>
              </el-col>
              <!-- <el-col :span="12">
                <el-form-item label="被毛类型:">
                  <el-input v-model="eweInfo.clothingHair" disabled />
                </el-form-item>
              </el-col> -->
            </el-row>
            <el-row>
              <el-col :span="12">
                <el-form-item label="年龄:">
                  <el-input v-model="eweInfo.birthday" disabled />
                </el-form-item>
              </el-col>
            </el-row>
          </div>
          <el-row>
            <el-col :span="12">
              <el-form-item label="生育公羊数量:" prop="birthMaleNum">
                <el-input v-model.number="formData.birthMaleNum" />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="生育母羊数量:" prop="birthFemaleNum">
                <el-input v-model="formData.birthFemaleNum" />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item label="生育日期:">
                <el-date-picker
                  v-model="formData.birthDate"
                  value-format="yyyy-MM-dd"
                />
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button class="model-cancel-btn" @click="cancelForm()">取 消</el-button>
          <el-button
            type="primary"
            class="model-submit-btn"
            @click="postBirthAdd(formData)"
          >确 定</el-button>
        </div>
      </el-dialog>
      <!-- 修改 -->
      <el-dialog title="修改" :visible.sync="updateDialog">
        <el-form
          ref="updateFertility"
          :model="update"
          label-position="left"
          label-width="100px"
        >
          <el-row>
            <el-col :span="12">
              <el-form-item
                label="选择个体:"
                prop="female"
                :rules="[
                  {
                    required: true,
                    message: '请选择',
                    trigger: ['blur', 'change'],
                  },
                ]"
              >
                <el-select v-model="update.female" disabled @change="fff">
                  <el-option
                    v-for="item in eweName"
                    :key="item.value"
                    :label="item.name"
                    :value="item.id"
                  />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item
                label="生育日期:"
                prop="birthTime"
                :rules="[
                  {
                    required: true,
                    message: '请选择时间',
                    trigger: ['blur', 'change'],
                  },
                ]"
              >
                <el-date-picker
                  v-model="update.birthTime"
                  value-format="yyyy-MM-dd"
                />
              </el-form-item>
            </el-col>
          </el-row>
          <el-row>
            <el-col :span="12">
              <el-form-item
                label="生育公羊数量:"
                prop="birthMaleNum"
                :rules="[
                  {
                    required: true,
                    message: '请填写公羊数',
                    trigger: ['blur', 'change'],
                  },
                ]"
              >
                <el-input v-model="update.birthMaleNum" />
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item
                label="生育母羊数量:"
                prop="birthFemaleNum"
                :rules="[
                  {
                    required: true,
                    message: '请填写公羊数',
                    trigger: ['blur', 'change'],
                  },
                ]"
              >
                <el-input v-model="update.birthFemaleNum" />
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button class="model-cancel-btn" @click="dialogFormVisible = false">取 消</el-button>
          <el-button type="primary" class="model-submit-btn" @click="updateRecord">确 定</el-button>
        </div>
      </el-dialog>
    </template>
  </BaseMainSlot>
</template>

<script>
import Pagination from "@/components/Pagination";
import ActionBar from "@/components/ActionBar/index";
import BaseMainSlot from "@/components/BaseMainSlot/baseone.vue";
import req from "@/api/digital-production/breeding-management/Individual-fertility-management/index";
import reqs from "@/api/digital-production/Individual-bio-management/information-management/index";
import { mymixin } from "@/utils/mixin";
export default {
  name: "FertilityManagement",
  components: {
    /* ButtonSearch, */
    Pagination,
    ActionBar,
    BaseMainSlot
  },
  mixins: [mymixin],
  data() {
    return {
      bionIdList: [],
      condition: {
        breed: "HuSheep"
      },
      update: {},
      romInfo: [{}],
      eweInfo: {},
      eweName: [],
      formData: {
        birthFemaleNum: 0,
        birthMaleNum: 0,
        birthRecordId: "",
        birthTime: "",
        female: "",
        maleList: [],
        raiseRecordId: "",
        time: ""
      },
      birthFemaleNum: 0,
      birthMaleNum: 0,
      totalNumber: 0,
      ramDialog: false,
      ramInformation: {},
      eveInformation: {},
      addDialog: false,
      eveDialog: false,
      tableData: [] /*  */,
      editdialog: false,
      individualList: [],
      timeList: [],
      showList: [],
      time: null,
      maleIndex: null,
      delID: [],
      queryMaleIdList: [],
      updateDialog: false,
      rules: {
        birthFemaleNum: [
          { required: true, message: "请输入数量", trigger: "blur" }
        ],
        birthMaleNum: [
          { required: true, message: "请输入数量", trigger: "blur" }
        ]
      },
      clothingHairList: [
        // { name: "棉毛型", value: "LINTER" },
        // { name: "沙毛型", value: "ROAN" },
        // { name: "中间型", value: "MIDDLE" }
        { name: "甲", value: "A" },
        { name: "乙", value: "B" },
        { name: "丙", value: "C" }
      ],
      sourceList: [
        { name: "繁育", value: "BREED" },
        { name: "外部", value: "PURCHASE" }
      ]
    };
  },
  watch: {
    nowChanceStau(newval) {
      if (newval === "add") {
        this.addMating();
      } else if (newval === "del") {
        this.delmessage();
      } else if (newval === "edit") {
        this.updateDialog = true;
      } else if (newval === "cancel") {
        this.$refs.tableDataRef.clearSelection();
      }
    },
    addDialog(newval, oldval) {
      this.nowChanceStau = "";
      if (!newval) {
        this.$refs.addFertility.resetFields();
      }
    },
    updateDialog(newval) {
      if (!newval) {
        this.nowChanceStau = "";
        this.$refs.updateFertility.resetFields();
      }
    },
    tableData() {
      this.nowChanceStau = "";
    }
  },
  created() {
    this.pagingQuery();
    this.getEweInfo();
    this.queryBionAll();
  },
  methods: {
    // 查询所有
    queryBionAll() {
      req
        .queryBionByMatrix({
          breed: "HuSheep"
        })
        .then((res) => {
          if (res.code === 1) {
            this.bionIdList = res.data || [];
          }
        });
    },
    // 修改页面
    updateRecord() {
      this.$refs["updateFertility"].validate((valid) => {
        if (valid) {
          let update = this.update;
          let params = {
            birthFemaleNum: update.birthFemaleNum,
            birthMaleNum: update.birthMaleNum,
            birthRecordId: update.birthRecordId,
            birthTime: update.birthTime,
            female: update.female,
            maleList: update.maleList,
            organizationNo: sessionStorage.getItem("organizationNo"),
            raiseRecordId: update.raiseRecordId
          };
          req.postEdit(params).then((res) => {
            if (res.code === 1) {
              this.updateDialog = false;
              this.$message.success("修改成功");
            } else {
              this.$message.error("修改失败！！！");
            }
            this.pagingQuery();
          });
        } else {
          this.$message.error("请将信息填写完整！！！");
          return false;
        }
      });
    },
    format(val, x) {
      if (x === 2) {
        if (val.femaleName) {
          let a = val.femaleName.name;
          return a;
        }
      }
    },
    // 分页查询
    pagingQuery() {
      req
        .postQueryPaging({
          page: this.currentPage,
          size: this.pageSize,
          entity: this.condition
        })
        .then((res) => {
          if (res.code === 1) {
            // console.log(res)
            let result = res.data || {};
            this.totalNumber = result.totalElements;
            result = result.content || [];
            this.tableData = result;
          }
        });
    },
    // 条件查询
    queryPaging() {
      let params = {
        page: this.currentPage,
        size: this.pageSize,
        entity: this.condition
      };
      req.postQueryPaging(params).then((res) => {
        if (res.code === 1) {
          let result = res || {};
          result = result.data || {};
          this.totalNumber = result.totalElements;
          result = result.content || [];
          this.tableData = result;
        }
      });
    },
    // 获取母羊信息
    getEweInfo() {
      reqs.getQueryEweInformation("HuSheep").then((res) => {
        if (res.code === 1) {
          let NameList = [];
          let Name = [];
          Name = res.data || [];
          Name.forEach((item) => {
            NameList.push({
              name: item.name,
              id: item.bionId
            });
          });
          this.eweName = NameList;
        }
      });
    },
    // 查询生育时间
    birthTime(val) {
      reqs
        .postQueryByCondition({
          bionId: val
        })
        .then((res) => {
          let bir = [];
          if (res.code === 1) {
            bir = res.data || [];
            bir.forEach((item) => {
              this.birthDate.push(item.birthTime);
            });
          }
        });
    },
    // 添加
    postBirthAdd(val) {
      this.$refs["addFertility"].validate((valid) => {
        if (valid) {
          let params = {
            birthFemaleNum: val.birthFemaleNum,
            birthMaleNum: val.birthMaleNum,
            // birthRecordId: 0,
            birthTime: val.birthDate,
            female: val.female,
            maleList: this.queryMaleIdList,
            // organizationNo: 0,
            raiseRecordId: val.raiseRecordId,
            organizationNo: sessionStorage.getItem("organizationNo")
          };
          req.postBirthAdd(params).then((res) => {
            if (res.code === 1) {
              this.addDialog = false;
              this.$message.success("添加成功");
              this.pagingQuery();
            } else {
              this.$message.error("添加失败！！！");
            }
          });
        } else {
          this.$message.error("请将信息填写完整！！！");
          return false;
        }
      });
    },
    addMating() {
      this.eweInfo = {};
      this.romInfo = [{}];
      this.addDialog = true;
    },
    checkRamInformation(val) {
      if (val) {
        reqs.postQueryID(val).then((res) => {
          if (res.code === 1) {
            let result = res.data || {};
            this.ramInformation = result;
            console.log(this.ramInformation);
            this.clothingHairList.forEach((ITEM) => {
              if (ITEM.value === this.ramInformation.clothingHair) {
                this.ramInformation.clothingHair = ITEM.name;
              }
            });
            this.sourceList.forEach((ITEM) => {
              if (ITEM.value === this.ramInformation.source) {
                this.ramInformation.source = ITEM.name;
              }
            });
          }
          this.ramDialog = true;
        });
      }
    },

    // 获取交配时间
    async fff(val) {
      this.formData.time = "";
      this.$refs.addFertility.clearValidate();
      if (val) {
        this.eweName.forEach((item) => {
          if (item.id === val) {
            this.formData.matingDate = item.time;
          }
        });
        let res = await req.getqueryByFemaleIdNewest(val);
        let resone = await req.getQueryBionById(val);
        if (res.code === 1) {
          let result = res.data || [];
          let arr = [];
          result.forEach((item, index) => {
            arr.push({
              raiseRecordId: item.raiseRecordId,
              time:
                this.formatDateTime(item.startDate) +
                "~" +
                this.formatDateTime(item.startDate)
            });
          });
          this.showList = arr;
        }
        if (resone.code === 1) {
          this.eweInfo = resone.data || {};
          this.clothingHairList.forEach((ITEM) => {
            if (ITEM.value === this.eweInfo.clothingHair) {
              this.eweInfo.clothingHair = ITEM.name;
            }
          });
        }
      } else {
        this.eweInfo = {};
        this.showList = [];
        this.formData.time = "";
      }
    },

    // 获取生育管理父本母本展示的信息
    async changeInfo(val) {
      if (val) {
        this.formData.raiseRecordId = val;
        let resone = await req.getRaiseQueryById(val);
        if (resone.code === 1) {
          let obj = resone.data || {};
          this.queryMaleIdList = obj.maleIdList || [];
        }
        let restwo = await req.getQueryBionByIdList({
          bionIdList: this.queryMaleIdList
        });
        if (restwo.code === 1) {
          this.romInfo = restwo.data || [];
          this.clothingHairList.forEach((ITEM) => {
            this.romInfo.forEach((item) => {
              if (ITEM.value === item.clothingHair) {
                item.clothingHair = ITEM.name;
              }
            });
          });
        }
      } else {
        this.romInfo = [{}];
      }
    },
    checkeveInformation(val) {
      if (val.femaleName) {
        let id = val.femaleName.bionId;
        reqs.postQueryID(id).then((res) => {
          if (res.code === 1) {
            let result = res.data || {};
            this.eveInformation = result;
            this.clothingHairList.forEach((ITEM) => {
              if (ITEM.value === this.eveInformation.clothingHair) {
                this.eveInformation.clothingHair = ITEM.name;
              }
            });
            this.sourceList.forEach((ITEM) => {
              if (ITEM.value === this.eveInformation.source) {
                this.eveInformation.source = ITEM.name;
              }
            });
          }
          this.eveDialog = true;
        });
      }
      this.eveDialog = true;
    },
    cancelForm() {
      this.addDialog = false;
    },
    // 选中行
    handleCurrentChange(val) {
      if (val) {
        this.cancelActive = true;
        this.editActive = true;
        this.update = val;
      }
    },
    // 勾选
    handleSelect() {
      let list = this.$refs.tableDataRef.selection;
      this.selectlist = list;
      if (list.length > 0) {
        this.delActive = true;
        this.cancelActive = true;
      } else {
        this.delActive = false;
        this.cancelActive = false;
      }
      let delList = [];
      list.forEach((item) => {
        delList.push(item.birthRecordId);
      });
      this.delID = delList;
    },
    // 实际的删除功能，操作的是原始拿来的数据
    delmessage() {
      req.postDelByIdList(this.delID);
      this.pagingQuery();
    },
    // 分页功能实现
    changePageSize(pageSize) {
      this.pageSize = pageSize;
      this.pagingQuery();
    },
    changeCurrentPage(currentPage) {
      this.currentPage = currentPage;
      this.pagingQuery();
    },
    cancel() {
      this.$refs.tableDataRef.setCurrentRow();
      this.$refs.tableDataRef.clearSelection();
      this.nowChanceStau = "";
      this.addActive = true;
      this.cancelActive = false;
      this.editActive = false;
    }
  }
};
</script>

<style scoped lang="scss">
@import "~@/styles/variables.scss";
::v-deep .el-table{
    overflow: auto;
}
::v-deep .el-dialog__body {
  max-height: 553px;
  overflow-y: scroll !important;
  background: #f0f3f7;
  .el-input {
    width: 100%;
  }
  .el-select {
    //充满父元素（el-col）
    width: 100%;
  }
}
.title {
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.staff-manage {
  width: 100%;
  height: 100%;
  .search-box {
    width: 100%;
    height: 60px;
    margin-bottom: 10px;
    padding: 10px;
    background: #00485a;
    display: flex;
    align-items: center;
    .label-input {
      display: flex;
      align-items: center;
      .label {
        width: 100px;
        padding-right: 10px;
        text-align: end;
        white-space: nowrap;
      }
    }
    .search {
      display: flex;
      align-items: center;
      cursor: pointer;
      img {
        height: 30px;
      }
    }
  }
}
.color {
  cursor: pointer;
  color: #33bad4;
  border-bottom:1px solid #33bad4;
}
// 弹框底下按钮样式
.model-submit-btn{
background-color: #006e91;
    border-color: #006e91;
    &:hover{
      background-color: #006f91b9;
    border-color: #006f91b9;
    }
}
.model-cancel-btn{
  &:hover{
      background-color: #006f9128;
    border-color: #006e91;
    color:#006e91
    }
}
</style>
